<template>
    <div>
        <Modal v-model="modal.detail" title="详情" width="760">
            <div class="detail-info">
                <Row>
	<i-col span="12"><span class="detail-title">角色编号：</span><span v-text="form.roleId"></span></i-col>
<i-col span="12"><span class="detail-title">角色标题：</span><span v-text="form.roleTitle"></span></i-col>


	<i-col span="12"><span class="detail-title">角色描述：</span><span v-text="form.roleDescription"></span></i-col>
<i-col span="12"><span class="detail-title">是否默认：</span><span v-text="form.roleIsDefault"></span></i-col>


	<i-col span="12"><span class="detail-title">角色菜单编号：</span><span v-text="form.roleMenuId"></span></i-col>
<i-col span="12"><span class="detail-title">版本号：</span><span v-text="form.roleMenuVersion"></span></i-col>


	<i-col span="12"><span class="detail-title">创建时间：</span><span v-text="form.roleMenuCreateTime"></span></i-col>
<i-col span="12"><span class="detail-title">更新时间：</span><span v-text="form.roleMenuUpdateTime"></span></i-col>


	<i-col span="12"><span class="detail-title">是否激活：</span><span v-text="form.roleMenuIsActive"></span></i-col>
<i-col span="12"><span class="detail-title">菜单编号：</span><span v-text="form.sysMenuId"></span></i-col>


	<i-col span="12"><span class="detail-title">父菜单编号：</span><span v-text="form.sysMenuParentId"></span></i-col>
<i-col span="12"><span class="detail-title">菜单路径：</span><span v-text="form.sysMenuPath"></span></i-col>


	<i-col span="12"><span class="detail-title">菜单名称：</span><span v-text="form.sysMenuName"></span></i-col>
<i-col span="12"><span class="detail-title">菜单说明：</span><span v-text="form.sysMenuDescription"></span></i-col>


	<i-col span="12"><span class="detail-title">重定向地址：</span><span v-text="form.sysMenuRedirect"></span></i-col>
<i-col span="12"><span class="detail-title">组件：</span><span v-text="form.sysMenuComponent"></span></i-col>


	<i-col span="12"><span class="detail-title">菜单等级：</span><span v-text="form.sysMenuMenuLevel"></span></i-col>
<i-col span="12"><span class="detail-title">菜单排序：</span><span v-text="form.sysMenuMenuOrder"></span></i-col>


	<i-col span="12"><span class="detail-title">菜单配置编号：</span><span v-text="form.sysMenuMetaId"></span></i-col>
<i-col span="12"><span class="detail-title">菜单名称：</span><span v-text="form.sysMenuMetaTitle"></span></i-col>


	<i-col span="12"><span class="detail-title">菜单图标：</span><span v-text="form.sysMenuMetaIcon"></span></i-col>
<i-col span="12"><span class="detail-title">跳转的页面：</span><span v-text="form.sysMenuMetaHref"></span></i-col>


	<i-col span="12"><span class="detail-title">是否隐藏面包屑：</span><span v-text="form.sysMenuMetaHideInBread"></span></i-col>
<i-col span="12"><span class="detail-title">是否隐藏菜单：</span><span v-text="form.sysMenuMetaHideInMenu"></span></i-col>


	<i-col span="12"><span class="detail-title">是否缓存：</span><span v-text="form.sysMenuMetaNotCache"></span></i-col>
<i-col span="12"><span class="detail-title">可访问角色：</span><span v-text="form.sysMenuMetaAccess"></span></i-col>


	<i-col span="12"><span class="detail-title">关闭前触发方法名：</span><span v-text="form.sysMenuMetaBeforeCloseName"></span></i-col>

</Row>

            </div>
        </Modal>
    </div>
</template>

<script>
    export default {
        name: 'RoleSysMenuDetail',
        data() {
            return {
                modal: {
                    detail: false
                },
                form: {
                    roleId: null,
roleTitle: null,
roleDescription: null,
roleIsDefault: null,
roleMenuId: null,
roleMenuVersion: null,
roleMenuCreateTime: null,
roleMenuUpdateTime: null,
roleMenuIsActive: null,
sysMenuId: null,
sysMenuParentId: null,
sysMenuPath: null,
sysMenuName: null,
sysMenuDescription: null,
sysMenuRedirect: null,
sysMenuComponent: null,
sysMenuMenuLevel: null,
sysMenuMenuOrder: null,
sysMenuMetaId: null,
sysMenuMetaTitle: null,
sysMenuMetaIcon: null,
sysMenuMetaHref: null,
sysMenuMetaHideInBread: null,
sysMenuMetaHideInMenu: null,
sysMenuMetaNotCache: null,
sysMenuMetaAccess: null,
sysMenuMetaBeforeCloseName: null,

                }
            }
        },
        computed: {},
        mounted() {},
        methods: {}
    }
</script>

<style>
    .detail-info .ivu-col{
        margin-bottom: 10px;
    }

    .detail-title {
        font-weight: bold;
    }
</style>
